<template>
  <div class="tabbarWarp">
    <tabbar  v-model="$route.meta.tabbar || 0">
      <tabbar-item link="/invest">
        <img slot="icon" v-if="$route.path==`/invest`" src="../../assets/img/investSel.png">
        <img slot="icon" v-else src="../../assets/img/invest.png">
        <span slot="label">投资</span>
      </tabbar-item>
      <tabbar-item link="/team">
        <img slot="icon" v-if="$route.path==`/team`" src="../../assets/img/teamSel.png">
        <img slot="icon" v-else src="../../assets/img/team.png">
        <span slot="label">团队</span>
      </tabbar-item>
      <!--<tabbar-item link="/pool">-->
        <!--<img slot="icon"  v-if="$route.path==`/pool`" src="../../assets/img/poolSel.png">-->
        <!--<img slot="icon" v-else src="../../assets/img/pool.png">-->
        <!--<span slot="label">矿池</span>-->
      <!--</tabbar-item>-->
      <tabbar-item link="/purse">
        <img slot="icon"  v-if="$route.path==`/purse`" src="../../assets/img/purseSel.png">
        <img slot="icon" v-else src="../../assets/img/purse.png">
        <span slot="label">钱包</span>
      </tabbar-item>
      <tabbar-item link="/my">
        <img slot="icon"  v-if="$route.path==`/my`" src="../../assets/img/mySel.png">
        <img slot="icon" v-else src="../../assets/img/my.png">
        <span slot="label">我的</span>
      </tabbar-item>
    </tabbar>
  </div>
</template>
<style>
  .tabbarWarp{
    position:fixed;
    width: 100%;
    bottom: 0;
    height: 53px;
    overflow: hidden;
    z-index: 10;
  }
  .tabbarWarp>.weui-tabbar{
    background: #3C3C4E;
  }
  .tabbarWarp>.weui-tabbar:before{
    border-top:0;
  }
  .tabbarWarp .weui-tabbar__label{
    color: #BEBEBE;
    font-weight: 600;
  }
  .tabbarWarp .weui-tabbar__icon img{
    width:90%;
    height: 90%;
  }
</style>
<script>
  import { Tabbar, TabbarItem } from 'vux'
  export default{
    data(){
      return {}
    },
    components: {
      Tabbar,
      TabbarItem
    }
  }
</script>
